<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title>index</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="css/content.css" />
    <link rel="stylesheet" href="css/media.css" />
    <!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body>
    <!-- header -->
    <div class="header clearfix">
        <div class="menuBtn"></div>
        <div class="logo fl"> <a href="index.html"><img src="images/logo.png" /></a></div>
        <div class="nav fr">
            <ul class="clearfix">
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于善待</a></li>
                <li><a href="hall.html">善待乐活馆</a></li>
                <li><a href="machine.html">善待灵机</a></li>
                <li><a href="plan.html">品牌优选计划</a></li>
                <li><a href="activity.html">公益活动</a></li>
            </ul>
        </div>
    </div>
    <!-- header-end -->
    <!-- banner -->
    <div class="inner-banner" style="background-image: url(images/plan_banner.jpg)">
        <div class="in-tit">
            <h1 class=" wow zoomIn">品牌优选计划</h1>
            <h4 class="wow zoomIn">致力于中国智能消费终端第一品牌</h4>
        </div>
    </div>
    <!--banner-end-->
    <!-- 主体 -->
    <!-- 服务理念 -->
    <section class="fwln-sec">
        <header class="comm-header wow fadeInUp">
            <span>服务理念</span>
        </header>

        <ul class="fwln-list clearfix  wow fadeInUp">
            <li class="active">
                <figure><img src="./images/f1.jpg" /></figure>
                <section>
                    <div class="fw-num">01</div>
                    <div class="fw-name">善待理念</div>
                    <article class="fw-txt">这个社会很复杂，但也没有你想的那么坏，当你选择了善待别人，
                        终究会遇到一些善待你的人。</article>
                </section>
            </li>
            <li>
                <figure><img src="./images/f2.jpg" /></figure>
                <section>
                    <div class="fw-num">02</div>
                    <div class="fw-name">善待理念</div>
                    <article class="fw-txt">这个社会很复杂，但也没有你想的那么坏，当你选择了善待别人，
                        终究会遇到一些善待你的人。</article>
                </section>
            </li>
            <li>
                <figure><img src="./images/f3.jpg" /></figure>
                <section>
                    <div class="fw-num">03</div>
                    <div class="fw-name">善待理念</div>
                    <article class="fw-txt">这个社会很复杂，但也没有你想的那么坏，当你选择了善待别人，
                        终究会遇到一些善待你的人。</article>
                </section>
            </li>
            <li>
                <figure><img src="./images/f4.jpg" /></figure>
                <section>
                    <div class="fw-num">04</div>
                    <div class="fw-name">善待理念</div>
                    <article class="fw-txt">这个社会很复杂，但也没有你想的那么坏，当你选择了善待别人，
                        终究会遇到一些善待你的人。</article>
                </section>
            </li>
            <li>
                <figure><img src="./images/f5.jpg" /></figure>
                <section>
                    <div class="fw-num">05</div>
                    <div class="fw-name">善待理念</div>
                    <article class="fw-txt">这个社会很复杂，但也没有你想的那么坏，当你选择了善待别人，
                        终究会遇到一些善待你的人。</article>
                </section>
            </li>
            <li>
                <figure><img src="./images/f6.jpg" /></figure>
                <section>
                    <div class="fw-num">06</div>
                    <div class="fw-name">善待理念</div>
                    <article class="fw-txt">这个社会很复杂，但也没有你想的那么坏，当你选择了善待别人，
                        终究会遇到一些善待你的人。</article>
                </section>
            </li>
        </ul>

    </section>


    <section class="index-cooperate brand-sec" style="background-image: url(images/brand_bg.jpg)">
        <div class="index-partner wow fadeInRight">
            <div class="tabs">
                <div class="tab active">品牌包装 </div>
                <div class="tab">品牌推广</div>
            </div>
            <div class="panels">
                <div class="panel active">
                    <div class="brand-list">
                        <ul>
                            <li>
                                <div class="br-img"><img src="./images/icon_dashuju.png" /></div>
                                <div class="br-name">大数据广告投放</div>
                                <div class="br-text">与朋友圈/搜狗/趣头条/花猫/火
                                    星头条等强强合作为用户提供
                                    返点开户</div>
                            </li>
                            <li>
                                <div class="br-img"><img src="./images/icon_daping.png" /></div>
                                <div class="br-name">大屏广告投放</div>
                                <div class="br-text">与朋友圈/搜狗/趣头条/花猫/火
                                    星头条等强强合作为用户提供
                                    返点开户</div>
                            </li>
                            <li>
                                <div class="br-img"><img src="./images/icon_meiti.png" /></div>
                                <div class="br-name">海外媒体传播</div>
                                <div class="br-text">与朋友圈/搜狗/趣头条/花猫/火
                                    星头条等强强合作为用户提供
                                    返点开户</div>
                            </li>
                            <li>
                                <div class="br-img"><img src="./images/icon_cehua.png" /></div>
                                <div class="br-name">全行业文案策划</div>
                                <div class="br-text">与朋友圈/搜狗/趣头条/花猫/火
                                    星头条等强强合作为用户提供
                                    返点开户</div>
                            </li>
                        </ul>

                    </div>
                </div>
                <div class="panel">
                    <div class="brand-list">
                        <ul>
                            <li>
                                <div class="br-img"><img src="./images/icon_daping.png" /></div>
                                <div class="br-name">大数据广告投放</div>
                                <div class="br-text">与朋友圈/搜狗/趣头条/花猫/火
                                    星头条等强强合作为用户提供
                                    返点开户</div>
                            </li>
                            <li>
                                <div class="br-img"><img src="./images/icon_dashuju.png" /></div>
                                <div class="br-name">大屏广告投放</div>
                                <div class="br-text">与朋友圈/搜狗/趣头条/花猫/火
                                    星头条等强强合作为用户提供
                                    返点开户</div>
                            </li>
                            <li>
                                <div class="br-img"><img src="./images/icon_meiti.png" /></div>
                                <div class="br-name">海外媒体传播</div>
                                <div class="br-text">与朋友圈/搜狗/趣头条/花猫/火
                                    星头条等强强合作为用户提供
                                    返点开户</div>
                            </li>
                            <li>
                                <div class="br-img"><img src="./images/icon_cehua.png" /></div>
                                <div class="br-name">全行业文案策划</div>
                                <div class="br-text">与朋友圈/搜狗/趣头条/花猫/火
                                    星头条等强强合作为用户提供
                                    返点开户</div>
                            </li>
                        </ul>

                    </div>
                </div>

            </div>

        </div>
    </section>
    <section class="scdy-sec container wow fadeInLeft">
        <header class="comm-header"><span>市场调研</span></header>


        <div class="scdy-list">
            <ul>
                <li>
                    <div class="sc-img"><img src="./images/s1.png" /></div>
                    <div class="sc-name">竞品数量</div>
                    <div class="sc-text">这个社会很复杂，但也没有你想的那么
                        坏，当你选择了善待别人，终究会遇到
                        一些善待你的人。</div>
                </li>
                <li>
                    <div class="sc-img"><img src="./images/s2.png" /></div>
                    <div class="sc-name">货物销量</div>
                    <div class="sc-text">这个社会很复杂，但也没有你想的那么
                        坏，当你选择了善待别人，终究会遇到
                        一些善待你的人。</div>
                </li>
                <li>
                    <div class="sc-img"><img src="./images/s3.png" /></div>
                    <div class="sc-name">产品竞争</div>
                    <div class="sc-text">这个社会很复杂，但也没有你想的那么
                        坏，当你选择了善待别人，终究会遇到
                        一些善待你的人。</div>
                </li>
                <li>
                    <div class="sc-img"><img src="./images/s4.png" /></div>
                    <div class="sc-name">品牌定位</div>
                    <div class="sc-text">这个社会很复杂，但也没有你想的那么
                        坏，当你选择了善待别人，终究会遇到
                        一些善待你的人。</div>
                </li>
            </ul>

        </div>
    </section>
    <section class="road-sec wow fadeInRight">
        <header class="comm-header"><span>线上线下渠道搭建</span></header>
        <div class="road-list">
            <ul class="clearfix">
                <li>
                    <div class="list-wrapper">
                        <div class="ro-img"><img src="./images/r1.jpg" /></div>
                        <div class="shadow ro-shadow"></div>
                        <section>
                            <div class="ro-icon"><img src="./images/icon_gouwuche.png" /></div>
                            <div class="ro-name">线上商城</div>
                            <div class="ro-text">善待集团在全力打造以消费覆盖产能的全新扶贫模式的
                                同时，不断优化中间环节，促进生产端和消费端的利益
                                双赢局面，逐渐形成信任、安全、互助的生产消费闭环，
                                让两者间相互理解和彼此善待。</div>
                        </section>
                    </div>
                </li>
                <li>
                    <div class="list-wrapper">
                        <div class="ro-img"><img src="./images/r3.jpg" /></div>
                        <div class="shadow ro-shadow"></div>
                        <section>
                            <div class="ro-icon"><img src="./images/icon_lianmeng.png" /></div>
                            <div class="ro-name">线下联盟</div>
                            <div class="ro-text">善待集团在全力打造以消费覆盖产能的全新扶贫模式的
                                同时，不断优化中间环节，促进生产端和消费端的利益
                                双赢局面，逐渐形成信任、安全、互助的生产消费闭环，
                                让两者间相互理解和彼此善待。</div>
                        </section>
                    </div>
                </li>
                <li>
                    <div class="list-wrapper">
                        <div class="ro-img"><img src="./images/r3.jpg" /></div>
                        <div class="shadow ro-shadow"></div>
                        <section>
                            <div class="ro-icon"><img src="./images/icon_tiyanguan.png" /></div>
                            <div class="ro-name">自营体验馆</div>
                            <div class="ro-text">善待集团在全力打造以消费覆盖产能的全新扶贫模式的
                                同时，不断优化中间环节，促进生产端和消费端的利益
                                双赢局面，逐渐形成信任、安全、互助的生产消费闭环，
                                让两者间相互理解和彼此善待。</div>
                        </section>
                    </div>
                </li>
            </ul>
        </div>
    </section>
    <!-- 合作案例 -->
    <section class="case-sec hzal-sec wow fadeInLeft" style="background-image: url(images/case-bg.jpg)">
        <header class="comm-header case-sec-header"><span>合作案例</span></header>
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/case1.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/case2.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/case3.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/case2.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/case3.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>


            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>



    </section>

    <section class="form-sec" style="background-image: url(images/form-bg.jpg)">
        <div class="form-shadow"></div>

        <div class="form-sec-con wow fadeInUp">
            <header class="form-header">如果想与我们取得合作，请填写以下信息</header>
            <small class="form-tip">
                我们收到您的留言信息后会第一时间联系您
            </small>
            <form action="" class="">
                <div class="form-item">
                    <label>姓名：</label>
                    <input type="text" class="form-text" />
                </div>
                <div class="form-item">
                    <label>电话</label>
                    <input type="text" class="form-text" />
                </div>
                <div class="form-item">
                    <button class="sub-btn">提交</button>
                </div>
            </form>
        </div>
    </section>
    <!-- 主体-end -->
    <!-- footer -->

    <footer class="pg-footer wow fadeIn">
        <div class="ft-fl">
            <ul class="ft-nav">
                <li><a href="index.html">首页</a></li>
                <li><a href="">善待乐活馆会员</a></li>
                <li><a href="">广告合作</a></li>
                <li><a href="about.html">善待集团</a></li>
                <li><a href="activity.html">公益活动</a></li>
            </ul>
            <div class="ft-info">
                <p class="tel">电话：400-600-6900</p>
                <p class="address">地址：北京市朝阳区大望路36号</p>
            </div>
        </div>
        <div class="ft-fr">
            <ul class="wx-list clearfix">
                <li>
                    <img src="./images/wechat.jpg" />
                    <span class="wx-name">官网微信</span>
                </li>
                <li>
                    <img src="./images/wechat3.jpg" />
                    <span class="wx-name">官网微博</span>
                </li>
                <li>
                    <img src="./images/wechat2.jpg" />
                    <span class="wx-name">有赞商城</span>
                </li>
            </ul>
            <div class="copyRight"><span>©2011 善待集团. 版权所有. 京ICP备11027678号-1</span> <span>技术支持：<a
                        href="www.bjqianchen.com">千晨科技</a></span></div>
        </div>

    </footer>
    <!--footer-end-->
    <script src="js/jquery.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/common.js"></script>
    <script>
        $(".header .nav ul>li").eq(4).addClass("active");
    </script>
</body>

</html>